<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    #box{
        width: 1000px;
        height: 500px;
    }
    #a1{
        width: 400px;
        height: 400px;
        background: darkgray;
        float: left;
    }
    #a2{
        width: 400px;
        height: 400px;
        background: darkgray;
        margin-top: -100px;
        margin-left: 520px;
    }
    #a3 {
        width: 60px;
        height: 60px;
        margin-left: 420px;
        padding-top: 40px;
    }
    #a3 h1{
        width: 60px;
        height: 60px;
        background: aqua;
        line-height: 30px;
    }
    #a3 h2{
        width: 60px;
        height: 60px;
        background: aqua;
        line-height: 30px;
    }
</style>
<body>
    <div id="box"> 
        <div id="a1">
            <input type="checkbox" name="" id="lie">列表1<hr>
            <input type="checkbox" name="age" id="">备选项1<br>
            <input type="checkbox" name="age" id="">备选项2<br>
            <input type="checkbox" name="age" id="">备选项3<br>
            <input type="checkbox" name="age" id="">备选项4<br>
            <input type="checkbox" name="age" id="">备选项5<br>
            <input type="checkbox" name="age" id="">备选项6<br>
            <input type="checkbox" name="age" id="">备选项7<br>
            <input type="checkbox" name="age" id="">备选项8<br>
        </div>
        <div id="a3">
            <h1><</h1>
            <h2>></h2>
        </div>
        <div id="a2">
            <input type="checkbox" name="" id="lieer">列表2<hr>
            <!-- <input type="checkbox" name="" id="" onclick="fun()"><br>
            <input type="checkbox" name="" id=""><br>
            <input type="checkbox" name="" id=""><br>
            <input type="checkbox" name="" id=""><br>
            <input type="checkbox" name="" id=""><br>
            <input type="checkbox" name="" id=""><br>
            <input type="checkbox" name="" id=""><br>
            <input type="checkbox" name="" id=""><br> -->
        </div>
    </div>
</body>
<script>
    window.load = function () {
        var lie = document.getElementById('lie');
           lie.onclick = function () {
               var n = this.checked;
               var h = document.getElementsByName('age');
               for (var i=0;i<h.length;i++) {
                    h[i].checked =
               }
           }
    }
    function fun() {}
</script>
</html>